<!--
 * @Author: your name
 * @Date: 2020-12-25 20:54:56
 * @LastEditTime: 2020-12-26 09:49:29
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \workSpace\bilibili\src\components\common\LoginBtn.vue
-->

<template>
  <div class="btn_parent">
    <div class="login_btn">{{ font }}</div>
  </div>
</template>

<script>
export default {
  props: {
    font: {
      type: String,
    },
  },
};
</script>

<style lang="less" scoped>
.btn_parent {
  padding: 4.167vw 2.778vw;
}
.login_btn {
  height: 12.5vw;
  background: #ff9db5;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.944vw;
  font-size: 4.444vw;
}
</style>
